<template>
	<!-- 查看会员码 -->
  <view class="container">
    <view class="content">
      <image class="avatar" src="../../static/logo.png"></image>
      <text class="membership">银卡会员</text>
      <text class="name">蒙娜丽莎</text>
      <text class="phone">188****5505</text>
      <image class="qrcode" src="../../static/logo.png"></image>
      <text class="code">HYM342876762</text>
    </view>
  </view>
</template>

<style>
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50rpx;
  background-color: #f6f6f6;
}

.title {
  font-size: 36rpx;
  font-weight: bold;
}

.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 30rpx;
  background-color: #ffffff;
  padding: 120rpx;
  border-radius: 20rpx;
}

.avatar {
  width: 140rpx;
  height: 140rpx;
  border-radius: 70rpx;
}

.membership {
  margin-top: 20rpx;
  font-size: 24rpx;
  color: #909090;
}

.name {
  font-size: 36rpx;
  font-weight: bold;
  margin-top: 20rpx;
}

.phone {
  font-size: 28rpx;
  color: #909090;
  margin-top: 10rpx;
}

.qrcode {
  width: 400rpx;
  height: 400rpx;
  margin-top: 40rpx;
}

.code {
  font-size: 32rpx;
  margin-top: 20rpx;
  color: #000000;
}
</style>

<script>
export default {
  data() {
    return {
      // 在此处添加数据，如需
    };
  },
};
</script>